<!DOCTYPE html>
<html>
<head>
    <title>家康运营管理系统-登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8" />
    <link rel="icon" type="image/ico" href="${absoluteContextPath}/images/favicon.ico" />
    <!-- Bootstrap -->
    <link href="${absoluteContextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${absoluteContextPath}/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${absoluteContextPath}/css/minoral.css" rel="stylesheet">

    <script src="${absoluteContextPath}/js/jquery.js"></script>
    <script src="${absoluteContextPath}/js/bootstrap.min.js"></script>
    <script src="${absoluteContextPath}/js/jquery-migrate-1.2.1.js"></script>
    <script src="${absoluteContextPath}/js/common.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <script>
        $(function () {
            <#if errorCode??>
                $.showMessage({parentId: "errorMessage", message: "${errorCode}", type: "error", mode:'modal'});
            </#if>
        });
    </script>
</head>
<body class="brownish-scheme login-scheme">
<!-- Wrap all page content here -->
<div id="wrap">
    <!-- Make page fluid -->
    <div class="row">
        <!-- Page content -->
        <div id="content" class="col-md-12 full-page login">
            <div class="login">
                <div class="login-logo"> <img  src="${absoluteContextPath}/images/login-logo.png" class="logo"></div>
                <div class="login-left"></div>
                <div class="login-right"></div>
                <form action="${absoluteContextPath}/j_spring_security_check" method="post" class="form-signin">
                    <div id="errorMessage"><#include "message.ftl" /></div>
                    <section>
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-user"></i></div>
                            <input type="text" class="form-control" name="username" value="${username!''}" placeholder="用户名">

                        </div>
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-key"></i></div>
                            <input type="password" class="form-control" name="password" placeholder="密码">

                        </div>
                        <div class="input-group">
                            <div class="check-transparent">
                                <input name="_spring_security_remember_me" type="checkbox" value="1"/>&nbsp;记住密码
                            </div>
                        </div>
                        <div class="input-group"><button class="btn btn-bluesea" type="submit">登录</button></div>
                    </section>
                </form>
            </div>
        </div>
        <#--<div class="login-footer">-->
            <#--<p>家康天下版权所有@2016</p>-->
            <#--<p>中国健康促进基金会课题：健康体适能测试与运动管理多中心应用研究（编号：CHPF2014-FITEX）</p>-->
        <#--</div>-->
        <!-- Page content end -->
    </div>
    <div class="modal fade modal-error" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="otherCode" aria-hidden="true">
        <div class="modal-dialog modal-dialog-sm">
            <div class="modal-content">
                <div class="modal-body">

                    <p class="login-error">
                        <i class="fa fa-exclamation-triangle"></i><span id="alterContent">登录用户不存在，或者未激活!</span><button type="button" class="login-error-close" data-dismiss="modal" aria-hidden="true"></button>
                    </p>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- Make page fluid-->
</div>
<!-- Wrap all page content end -->
</body>
</html>
